<template>
    <div class="other-wdfx plr15 " >
        <div class="bg"></div>
        <div class="content">
            <div class="kitbox-mid pt24 mb12">
                <div class="pl26">
                    <img class="avatar" src="/static/images/wd-bg.png" alt="">
                </div>
                <div class="pl10 lh26">
                    <div class="c-a6ffec fs-16">杨先生</div>
                    <div class="fs-12 c-fff">@WQ-123432H</div>
                </div>
            </div>
            <div class="mid-banner ">
                <div class="fs-10 c-666 tc pt20">今日积分收入</div>
                <div class="c-e96826 tc pt10">
                    <span class="fs-28">+</span>
                    <span class="fs-31">999.00</span>
                </div>
                <div class="score-panel pt20">
                    <div class="tc item">
                        <div class="c-666 fs-10">累加积分收入</div>
                        <div class="c-333 pt5">99999.99</div>
                    </div>
                    <div class="tc item">
                        <div class="c-666 fs-10">可用积分</div>
                        <div class="c-333 pt5">99999.99</div>
                    </div>
                </div>
            </div>

            <div class="">
                <div class="kitbox-mid row plr18">
                    <div class="icon"><img class="hhr" src="/static/images/hhr.png" alt=""></div>
                    <div class="flex1 pl10">合伙人</div>
                    <div class="c-999"><van-icon name="arrow" /></div>
                </div>
                <div class="kitbox-mid row plr18">
                    <div class="icon"><img class="yjmx" src="/static/images/yjgl.png" alt=""></div>
                    <div class="flex1 pl11">佣金明细</div>
                    <div class="c-999"><van-icon name="arrow" /></div>
                </div>
                <div class="kitbox-mid row plr18">
                    <div class="icon"><img class="zsewm" src="/static/images/zsewm.png" alt=""></div>
                    <div class="flex1 pl10">我的专属二维码</div>
                    <div class="c-999"><van-icon name="arrow" /></div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {
            
        }
    },
    onShow(){
        
    },
    mounted() {
        
    },
    methods: {
        onChange(e){
            
        }
    }
};
</script>
<style lang="scss" >
.other-wdfx{
    .bg{
        background: #10866d;
        width: 100%;
        height: 133px;
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
    }
    .avatar{
        display: block;
        width: 57px;
	    height: 57px;
        border-radius: 50%;
    }
    .mid-banner{
        background: #fff;
        width: 347px;
        height: 161px;
        background-color: #ffffff;
        border-radius: 7px 3px 3px 3px;
        margin: 0 auto;
        .score-panel{
            display: -webkit-box;
            .item{
                width: 50%;
                position: relative;
                &::after{
                    content: "";
                    display: block;
                    position: absolute;  
                    width: 1px;
	                height: 32px;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 0;
                    background: #e1e1e1;
                }
                &:last-child{
                    &::after{
                        display: none;
                    }
                }
                
            }
        }
    }
    .row{
        background: #fff;
        height: 70px;
        margin-top: 15px;
        .label{
            width: 20px;
        }
        .hhr{
            width: 18px;
	        height: 15px;
            display: block;
        }
        .yjmx{
            width: 17px;
	        height: 17px;
            display: block;
        }
        .zsewm{
            width: 18px;
	        height: 18px;
            display: block;
        }
    }
}
</style>
